import i18n from 'i18next';
import LanguageDetector from "i18next-browser-languagedetector"
import {initReactI18next} from 'react-i18next';

import cn from "./cn.json"
import en from "./en.json"

// 导入语言资源
const resources = {
    cn: {
        translation: cn
    },
    en: {
        translation: en
    }
};

i18n
    .use(LanguageDetector)
    .use(initReactI18next)
    .init({
        resources,
        fallbackLng: "cn", // 当当前语言没有可用翻译时使用的语言
        detection: {
            order: ['localStorage', 'navigator'],  // 先检查localStorage，若无再根据浏览器语言设置
            caches: ['localStorage']  // 保存语言设置到localStorage
        },
        backend: {
            loadPath: '{{lng}}.json', // 翻译文件的路径
        },
        interpolation: {
            escapeValue: false // React已经安全地处理了XSS
        }
    });

export default i18n;


